﻿/* 购买的页面 */
.step-wrap{ color: #000; }
.page-buy .section, .step, .sp { margin: 0 15px 0 0; color: #000; position: relative; }
.page-buy .section h2, .step h2{ background: url(../images/buy_title_bg.png) repeat-x; height: 44px; line-height: 34px; font-weight: normal; color: #f00; font-size: 12px; }

.page-buy .ssq_title{ background: url(../images/type_titles.png) no-repeat; display: inline-block; zoom: 1; height: 43px; width: 114px; vertical-align: bottom; }
.page-buy .ssq_title{ background-position: 0 0; }
.page-buy .b-area .thumb{ margin: 5px; }
.page-buy .b-area .desc{ color: #000; }
.page-buy .counter{ width: 150px; position: absolute; top: 100px; right: 25px; }
.page-buy .counter table{ border: 3px solid #c72b2e;  }
.page-buy .counter table td{ border: 1px solid #c6c6c6; background-color: #f6f6f6; text-align: center; }
.page-buy .search{ margin-right: 15px; border-top: 0; border-bottom: 0; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }

.page-buy .buy-type{ padding-left: 15px; border-top: 0; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom:0; }

.page-buy .buy-type .current{ background-position: -75px -9px; }
.page-buy .buy-type li a{ color: #5d5d5d; }
.page-buy .buy-type .current a{ color: #f0f0f0; }

.page-buy .type, .page-buy .buy-type, .smart .type{ margin-right: 15px; }

.page-buy .type, .smart .type{ background: url(../images/buy_tab_bg.png) repeat-x; height: 31px;  border-bottom: 1px solid #ddd; width:687px; padding-left: 8px; }
.page-buy .type li{ float: left; width:70px; text-align: center; padding-top: 5px; line-height: 27px; }
.page-buy .type .current{ background: url(../images/buy_tab_current-short.png) no-repeat left bottom; }
.page-buy .type li a{ color: #000; }
.page-buy .type .current a{ font-weight: bold; }

.sp a, .step a, .plan a{ color: #2b55a0; float: right; }
.step a{ float: none; }

/*开始购买步骤*/

.step { margin-bottom: 15px; }
.step h2 a{ color: #2b55a0; margin-left: 5px; }
.step .step1, .step .step2, .step .step3, .step .step32, .step .step4, .step .recommend{ background: url(../images/buy_step.png) no-repeat; height: 43px; line-height: 43px; display: inline-block; zoom: 1; vertical-align: bottom;}
.step .step1{ background-position: 0 1px; width: 89px;}
.step .step2{ background-position: 0 -43px; width: 180px;}
.step .step3{ background-position: 0 -87px; width: 165px;}
.step .step4{ background-position: 0 -174px; width: 122px;}
.step .step32{ background-position: 0 -130px; width: 160px;}
.step .recommend{ background-position: 0 -218px; width: 122px;}
.ball-selector{ background-color: #fff4f1; }

.dgrid { border-top:0; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.dgrid table { width: 100%; margin: 0; }
.dgrid table th{ background-color: #9e9e9e; color: #fff; font-weight: normal; }
.dgrid table th, .dgrid table td{ line-height: 30px; }
.dgrid .opt{ width: 100px; }
.dgrid table td{ border-left:0; border-top: 0; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; line-height: 45px; }
.dgrid table td input { width: 30px; border: 1px solid #9e9e9e; }
.dgrid .buy-it{ background-position: -122px -142px; width: 58px; height: 28px; color: #fff; margin-top:10px }
.dgrid i{ width: 21px; height: 21px; float:none; background-position: -211px -148px; display:inline-block; zoom:1; }

.step .form table{ border: 1px solid #d6d6d6; background-color: #fff; line-height: 30px; padding-top: 5px; }
.step .form table th{ width: 115px; text-align: right; vertical-align: top; }
.step .form table td{ text-align: left; }
.step .form table .ci, .step .form table td textarea{ border: 1px solid #abadb3; background-color: #fff; margin-right: 3px; }
.step .form table td textarea{ width: 260px; height: 50px; margin: 0; }
.step .form label{ display:block; line-height:22px; }
.step .form em{ color: #727171; font-style: normal; }

.hall-body, .hall-bar{ margin-top: 5px; float:right; }
.hall-body{ width:740px; }
.hall-bar{ width:202px; margin-right: 10px; background-color:#f3f3f3; }
.hall-bar a{ color:#4b4b4b; }
.hall-bar .current a{ color: #FFF; }
.hall-bar .bar-line{ height: 2px; background: url(../images/line.png) repeat-x left bottom; overflow:hidden; margin: 10px; }
.hall-bar ul li{ position: relative; padding: 0 10px; line-height:30px;  }
.hall-bar ul .current{ background-color:#b7b7b7; }
.hall-bar ul li .btn{ line-height: 20px; top: 5px; right: 3px; background: url(../images/flags_ie6.png) no-repeat 0 -37px;width:70px; text-align:center;color:#FFF; }
.hall-bar ul li i{ width: 21px; display:inline-block; zoom:1; }

.search{ background: url(../images/search_bg.png) repeat-x; height:36px; line-height:36px; padding-left: 12px; }
.search .s-btn{ border:0; background-position:0 -175px; color: #FFF; float: none; width:48px; height:22px; cursor:pointer; }
.search-table .fc i,.search-table .tc i,.search-table .gp i,.search-table .zc i,.search-table .jclq i,.search-table .jczq i,
.hall-bar ul li .fc, .hall-bar ul li .tc, .hall-bar ul li .jczq, .hall-bar ul li .jclq
{ background: url(../images/s-types.png) no-repeat; display:inline-block; zoom:1; width:21px; height:22px; vertical-align:middle; margin-right:3px; }
.search-table .tc i, .hall-bar ul li .tc{ background-position: 0 -25px; }
.search-table .fc i, .hall-bar ul li .fc{ background-position: 0 0; }
search-table .gp i{ background-position: 0 -52px; }
.search-table .zc i{ background-position: 0 -74px; }
.search-table .gp i{ background-position: 0 -52px; }
.search-table .jclq i, .hall-bar ul li .jclq{ background-position: 0 -101px; }
.search-table .jczq i, .hall-bar ul li .jczq{ background-position: 0 -127px; }
.search-table td .desc{ float: right; width: 155px; text-align:right; margin-right: 5px; }

.d-box{ border-top: 0; background:url(../images/red_line.png) repeat-x left top; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; margin-right: 15px; padding:10px }
.d-box .title{ font-size: 14px; text-indent: 12px; position:relative; margin-top: 10px; background:url(../images/buy_detail_title.png) repeat-x; }
.d-box .btn{ top: 0; right: 5px; width: 350px; font-weight: normal; text-align:right; font-size:12px; }
.d-table .resume th{ width: 120px; text-align: right; }
.d-table .resume td{ color: #f00; font-weight:bold; }
.d-table .resume .desc{ color:#000; font-weight:normal; }
.plan{ width: 580px; margin: 0 auto; }
.plan .b-num{ width: 30px; }
.plan a{ float:none; }
.plan .s-btn, .plan .all{ background:url(../images/plan_btns.png) no-repeat; width: 118px; height: 32px; display:inline-block; zoom:1; line-height:30px; text-indent: 12px; color:#000; }
.plan .all{ background-position: 0 -32px; width:141px; }
.plan table{ background:url(../images/plan_table_bg.png) repeat-x left top; line-height: 30px; margin-bottom: 15px; }
.plan table th{ color:#FFF; }
.plan table td{ background-color:#f5f5f5; border-bottom: 1px solid #Fff; text-align:center; }
.share{ text-align:left; }
.share input{ width:450px; }
.center{ text-align:center; }
.g-table{ line-height: 30px; }
.g-table th{ background-color:#d99b27; font-weight: normal; color:#FFF; }
.g-table .z{ background-color:#7c83ba; }
.g-table td, .g-table th{ border: 1px solid #fff; }
.g-table td{ background-color:#e9e9e9; text-align:center; font-weight: bold; }
.g-table .red{ color:#f00; }
.g-table .selected{ background-color:#f79463; }

.hint{ width:200px; margin: 10px auto; text-align:center; font-size: 14px; color:#FFF; }
.hint .l, .hint .lc{ background:url(../images/hint_bg.png) no-repeat right top; height: 29px; float: left; line-height: 29px; }
.hint .l{ width: 5px; background-position: 0 -29px; }
.hint .lc{ padding: 0 5px; }

/*选球*/
.sphere .ball{ width: 36px; margin: 0;float:left; }
.sphere .ball b, .sphere .on b, .body .type li span, .body .type .btn-clear{ cursor: pointer; }
.sphere .ball b, .sphere .on b{ background:url(../images/balls_ie6.png) no-repeat; width: 36px; height: 37px; line-height: 37px; }
.sphere .ball b, .sphere .ball i{ float: left; display: block; width: 32px; text-align: center; }
.sphere .ball i{ font-style: normal; }
.sphere .ball b{ background-position: -2px -75px; font-size: 14px; }
.sphere .on b{ background-position: -2px -112px; font-size: 14px; color:#fff; }
.sphere .ball i{ display: inline-block; }
.reds, .body .type{ float: left; }
.reds ul{  margin-left: 65px; _margin-left:35px}
.body .tt, .body .tl{ position: absolute; left: -56px; top: 9px; text-align: right; width: 56px; }
.body .tl{ top: 35px; }
.body .type{ width: 190px; }
.body .type{ background: none; border-bottom: 0; line-height: 25px; }
.bile .type{ display:none;}
.body .type li{ width: 25px; margin: 0 3px 0 0;float:left; }
.body .type li span, .body .type .btn-clear{ background: url(../images/ds_balls.png) no-repeat; display:inline-block; zoom: 1; width:25px; height: 25px; color: #FFF; }
.body .type li span{ background-position: -6px -127px; }
.body .type li span.selected{ font-weight:600;color:black}
.body .type .btn-clear{ background-position: -37px -127px; width:44px; }
.ball-selector .cart{ text-align: center; padding-bottom: 15px }
.ele-ipt{ background-position: 0 -55px; border: 0; width:45px; height: 24px;  line-height:24px; overflow: hidden; color: #FFF; cursor: pointer; float: none;}
.step1-coosenum{ padding-top: 10px; }
.body .reds ul{ position: relative; }
.rnd-ctrl {padding-left:5px;text-align:center;}